<div style='padding: 0 20px 20px 20px;width: 500px;'>
<h3 style='padding:5px;text-align: center;'>{$site.title}</h3>
<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>    
<form id="site_config_form" action="{:U()}" method="post" class="form-horizontal">
    <input type='hidden' name='site_id' value='{$site.id}' />
    <input type='hidden' name='config_id' value='{$config_id}' />
<div class="form-item cf">
    <label class="item-label">
        设置{$field['title']}
        <span class="check-tips">
            </span>
    </label>
    <div class="controls">
        <switch name="field.type">
        <case value="num">
            <input type="text" class="text input-mid" name="{$field.name}" value="">
        </case>
        <case value="string">
            <input type="text" class="text input-large" name="{$field.name}" value="">
        </case>
        <case value="textarea">
            <label class="textarea input-large">
                <textarea name="{$field.name}"></textarea>
            </label>
        </case>
        <case value="date">
            <input type="text" name="{$field.name}" class="text input-mid date" value="" placeholder="请选择日期" />
        </case>
        <case value="datetime">
            <input type="text" name="{$field.name}" class="text input-mid time" value="" placeholder="请选择时间" />
        </case>
        <case value="bool">
            <select name="{$field.name}">
                <volist name=":parse_field_attr($field['extra'])" id="vo">
                    <option value="{$key}" <eq name="field.value" value="$key">selected</eq>>{$vo}</option>
                </volist>
            </select>
        </case>
        <case value="select">
            <select name="{$field.name}">
                <volist name=":parse_field_attr($field['extra'])" id="vo">
                    <option value="{$key}" <eq name="field.value" value="$key">selected</eq>>{$vo}</option>
                </volist>
            </select>
        </case>
        <case value="radio">
            <volist name=":parse_field_attr($field['extra'])" id="vo">
                <label class="radio">
                    <input type="radio" value="{$key}" name="{$field.name}">{$vo}
                </label>
            </volist>
        </case>
        <case value="checkbox">
            <volist name=":parse_field_attr($field['extra'])" id="vo">
                <label class="checkbox">
                    <input type="checkbox" value="{$key}" name="{$field.name}[]">{$vo}
                </label>
            </volist>
        </case>
        <case value="editor">
            <label class="textarea">
                <textarea name="{$field.name}"></textarea>
                {:hook('adminArticleEdit', array('name'=>$field['name'],'value'=>''))}
            </label>
        </case>
        <case value="picture">
            <div class="controls" style="height: 155px;">
                <input type="file" id="upload_picture_{$field.name}">
                <input type="hidden" name="{$field.name}" id="cover_id_{$field.name}"/>
                <div class="upload-img-box">
                    <!--notaempty name="data[$field['name']]"-->
                    <notempty name="data['value']">
                        <div class="upload-pre-item"><img src="{$data['value']|get_cover='path'}"/></div>
                    </notempty>
                </div>
            </div>
            <script type="text/javascript">
                //上传图片
                /* 初始化上传插件 */
                $("#upload_picture_{$field.name}").uploadify({
                "height"          : 30,
                        "swf"             : "__STATIC__/uploadify/uploadify.swf",
                        "fileObjName"     : "download",
                        "buttonText"      : "上传图片",
                        "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
                        "width"           : 120,
                        'removeTimeout'	  : 1,
                        'fileTypeExts'	  : '*.jpg; *.png; *.gif;',
                        "onUploadSuccess" : uploadPicture{$field.name},
                        'onFallback' : function() {
                        alert('未检测到兼容版本的Flash.');
                        }
                });
                function uploadPicture{$field.name}(file, data){
                var data = $.parseJSON(data);
                var src = '';
                if (data.status){
                $("#cover_id_{$field.name}").val(data.id);
                src = data.url || '__ROOT__' + data.path;
                $("#cover_id_{$field.name}").parent().find('.upload-img-box').html(
                        '<div class="upload-pre-item"><img src="{$Think.const.STATIC_DOMAIN}' + src + '"/></div>'
                        );
                } else {
                updateAlert(data.info);
                setTimeout(function(){
                $('#top-alert').find('button').click();
                $(that).removeClass('disabled').prop('disabled', false);
                }, 1500);
                }
                }
            </script>
        </case>
        <case value="file">
            <div class="controls">
                <input type="file" id="upload_file_{$field.name}">
                <input type="hidden" name="{$field.name}" value="{$data[$field['name']]}"/>
                <div class="upload-img-box">
                    <present name="data[$field['name']]">
                        <div class="upload-pre-file"><span class="upload_icon_all"></span>{$data[$field['name']]}</div>
                    </present>
                </div>
            </div>
            <script type="text/javascript">
                //上传图片
                /* 初始化上传插件 */
                $("#upload_file_{$field.name}").uploadify({
                "height"          : 30,
                        "swf"             : "__STATIC__/uploadify/uploadify.swf",
                        "fileObjName"     : "download",
                        "buttonText"      : "上传附件",
                        "uploader"        : "{:U('File/upload',array('session_id'=>session_id()))}",
                        "width"           : 120,
                        'removeTimeout'	  : 1,
                        "onUploadSuccess" : uploadFile{$field.name},
                        'onFallback' : function() {
                        alert('未检测到兼容版本的Flash.');
                        }
                });
                function uploadFile{$field.name}(file, data){
                var data = $.parseJSON(data);
                if (data.status){
                var name = "{$field.name}";
                $("input[name=" + name + "]").val(data.data);
                $("input[name=" + name + "]").parent().find('.upload-img-box').html(
                        "<div class=\"upload-pre-file\"><span class=\"upload_icon_all\"></span>" + data.info + "</div>"
                        );
                } else {
                updateAlert(data.info);
                setTimeout(function(){
                $('#top-alert').find('button').click();
                $(that).removeClass('disabled').prop('disabled', false);
                }, 1500);
                }
                }
            </script>
        </case>
        <default/>
        <input type="text" class="text input-large" name="{$field.name}" value="">
        </switch>
    </div>
</div>
</if>
    <div class="form-item cf">
        <button class="btn submit-btn ajax-post hidden" id="submit" type="submit" target-form="form-horizontal">确 定</button>
        <!--<a class="btn btn-return" href="javascript:;">返 回</a>-->
    </div>
</form>
</div>    
<script>
    <present name="data">
        Think.setValue("{$field.name}", "{$data.value}");
    </present>
    $(function(){
        $('form#site_config_form').submit(function(){
            var data = $(this).serializeArray();
            var url = $(this).attr('action');
            $.ajax({
               "url":url,
               "type":"post",
               "data":data,
               "success":function(status){
                   if (status > 0 ) {
                       layer.msg('修改成功');
                   } else {
                       layer.msg('修改失败');
                   }
                   setTimeout(function(){
                       layer.closeAll();
                   }, 1000);
                   
               },
               "error":function(){
                   layer.closeAll();
               }
            });
            return false;
        });
    });
</script>    
